<!--桌面-->
<script setup lang="ts">
import {onMounted} from "vue";
import useMessageStore from '@/store/message'

const messageStore = useMessageStore()
onMounted(() => {
  messageStore.PUSH_MESSAGE({
    messageTitle: "Carroll Link",
    messageContent: "welcome!welcome!welcome!welcome!",
    name: 'system',
    messageDate: new Date(),
    messageKey: `system`
  })
  setTimeout(() => {
    messageStore.PUSH_MESSAGE({
      messageTitle: "Carroll Link",
      messageContent: "welcome!welcome!welcome!welcome!",
      name: 'system',
      messageDate: new Date(),
      messageKey: `11system`
    })
  },100)
})
</script>
<template>
  <div class="desktop" id="deskTop">
    <slot></slot>
  </div>
</template>
<style lang="less" scoped>
.desktop {
  height: 100%;
  width: 100%;
  background-image: url(@/assets/image/background.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
</style>
